<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/main.css">

	<!-- add rosbridge lib -->
	<script type="text/javascript" src="http://cdn.robotwebtools.org/EventEmitter2/current/eventemitter2.min.js"></script>
	<script type="text/javascript" src="http://cdn.robotwebtools.org/roslibjs/current/roslib.min.js"></script>

	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.md5.js"></script> 
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=at2cDIqVRAA3gbtfqii5GHFc"></script>
	<script type="text/javascript" src="js/planner.js"></script>
	<script type="text/javascript" src="js/wp_control.js"></script>
	<script type="text/javascript" src="js/comm.js"></script>
	<title>Waypoint Test</title>
</head>
<body>
	<div id="allmap"></div>
	<div id="bottom" >
		<div id="control">
			<button id="start-plan">Start Planning</button><br><br>
			<button id="confirm-mission">Confirm Mission</button><br><br>
			<button id="reset-mission">Reset Mission</button><br><br>
			<button id="open-navmode">Open Navigation Mode</button><br><br>
			<button id="upload-mission">Upload Mission</button><br><br>
			<button id="start-mission">Start Mission</button><br><br>
                        <!--
			<button id="pause-mission">Pause Mission</button><br><br>
			<button id="resume-mission">Resume Mission</button><br><br>
                        -->
			<button id="cancel-mission">Abort Mission</button><br><br>
			<button id="close-navmode">Close Navigation Mode</button><br><br>
			<!-- following is for testing, not a proper way -->
                        <!--
			<button id="download-mission">Download Mission</button><br><br>
			<button id="download-waypoint">Download Waypoint</button><br><br>
			<button id="set-idle">Set Idle Speed into 5</button><br><br>
			<button id="get-idle">Get Idle Speed</button><br><br>
                        -->
		</div>
		<div id="monitor">

		</div>

		<div id = "state-update">

        </div>

		<br><br>

		<div id = "event-update">

        </div>
			<!--p style = "color:red">ERROR MESSAGE:</p> <p id = "error-msg" style = "color:red" ></p>

		<!--div id = "uavControl">
			Username: <input type="text" name="username"><br>
			Password: <input type="password" name="password"><br>
			<button id="login">Login</button><br>
			<br>
			<input type="file" name="firmware" accept=".bin">
			<button id="update">Update Firmware</button><br>
			<br>
			Idle Speed: <input type="text" name="idleSpeed"><br>
			<button id="setSpeed">Update Idle Speed</button><br>
			<br>
		</div-->
	</div>
</body>
</html>
